<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>uuQuery - test</title>
<style type="text/css">@import url(../../README.css);</style>
<script type="text/javascript" src="../../uuQuery.js"></script>
<script type="text/javascript" src="../iterator.js"></script>
<style type="text/css">
a[href] { color: lightblue }
b { color: gold }
pre { padding: 1em; border: 1px dashed navy; overflow: auto; color: ghostwhite; }
dt { margin-top: 1em; font-weight: bold; color: lightblue }
i {}
table, tr, th, td { border: 1px solid gray; }
p.test a { background-color: orange; }
</style>
</head>
<body>
    <div>this area has a &lt;input type="hidden"&gt; element
      <input type="hidden" value="input type=hidden" />
    </div>
    <div>this area has a &lt;div style="display: none"&gt;&lt;/div&gt; element
      <div style="display: none"></div>
    </div>
    <div>this area has a &lt;div style="visibility: hidden"&gt;&lt;/div&gt; element
      <div style="visibility: hidden"></div>
    </div>

<script>
window.onload = function() {
  uuQuery(":hidden").forEach(function(v) {
    v.parentNode.style.border = "2px dotted green";
  });
}
</script>

<pre>
    &lt;div&gt;this area has a &amp;lt;input type="hidden"&amp;gt; element
      &lt;input type="hidden" value="input type=hidden" /&gt;
    &lt;/div&gt;
    &lt;div&gt;this area has a &amp;lt;div style="display: none"&amp;gt;&amp;lt;/div&amp;gt; element
      &lt;div style="display: none"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div&gt;this area has a &amp;lt;div style="visibility: hidden"&amp;gt;&amp;lt;/div&amp;gt; element
      &lt;div style="visibility: hidden"&gt;&lt;/div&gt;
    &lt;/div&gt;

&lt;script&gt;
window.onload = function() {
  uuQuery(":hidden").forEach(function(v) {
    v.parentNode.style.border = "2px dotted green";
  });
}
&lt;/script&gt;
</pre>

</body>
</html>
